[アップデート] AWS Amplify Gen 2 が関数の非同期呼び出しをサポートしました

import type { Schema } from '../../data/resource';
import { setTimeout } from "timers/promises";

export const handler: Schema["hoge0918async"]["functionHandler"] = async () => {
  await setTimeout(5000);
  return;
};

import { defineFunction } from '@aws-amplify/backend';

export const hoge0918async = defineFunction({
  name: 'hoge0918async',
  entry: './handler.ts',
  timeoutSeconds: 100,
});

import { type ClientSchema, a, defineData } from "@aws-amplify/backend";
import { hoge0918sync } from "../functions/hoge0918sync/resource";
import { hoge0918async } from "../functions/hoge0918async/resource";

const schema = a.schema({
  hoge0918sync: a
    .query()
    .handler(a.handler.function(hoge0918sync))
    .returns(a.string())
    .authorization((allow) => [allow.authenticated()]),
  hoge0918async: a
    .query()
    .handler(a.handler.function(hoge0918async).async())
    .authorization((allow) => [allow.authenticated()])
});

export type Schema = ClientSchema<typeof schema>;

export const data = defineData({
  schema,
  authorizationModes: {
    defaultAuthorizationMode: "userPool",
    apiKeyAuthorizationMode: {
      expiresInDays: 30,
    },
  },
});

import { Authenticator } from '@aws-amplify/ui-react'
import '@aws-amplify/ui-react/styles.css'
import { useState } from "react";
import type { Schema } from "../amplify/data/resource";
import { generateClient } from "aws-amplify/data";

const client = generateClient<Schema>();

function App() {
  const [updateLabel, setUpdateLabel] = useState<string>()
  const executeAsyncEvent = async () => {
    const { data } = await client.queries.hoge0918async();
    console.log(data);
    setUpdateLabel("executeAsyncEvent");
  };

  const executeSyncEvent = async () => {
    const { data } = await client.queries.hoge0918sync();
    console.log(data);
    setUpdateLabel("executeSyncEvent");
  };

  return (
    <Authenticator>
      {({ signOut }) => (
        <main>
          <h1>updateLabel : {updateLabel}</h1>
          <div id="hoge-quicksight-container"></div>
          <button onClick={executeAsyncEvent}>Execute Async Event</button>
          <button onClick={executeSyncEvent}>Execute Sync Event</button>
          <button onClick={signOut}>Sign out</button>
        </main>
      )}
    </Authenticator>
  );
}

export default App;